<template>
  <div class="pop" v-if="show" @click="hide">
      
  </div>
</template>

<script>
import { ref, reactive, toRefs } from "vue";
export default {
  props:{
    show: Boolean
  },
  setup(props,{emit}) {
    const hide = () => {
    //   console.log();
    //    props.show = false
     emit('update:show', false);
    }
    return {
        hide
    }
  },
};
</script>
<style lang="scss" scoped>
.pop{
  height: 100%;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0.5;
}
</style>